<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title>星巴克咖啡</title>
		<!--<link rel="shortcut icon" type="image/x-icon" href="img/favicon.ico" />-->
		<link rel="stylesheet" type="text/css" href="css/style.css"/>
		<link rel="shortcut icon" type="image/x-icon" href="img/favicon.ico" />
	</head>
	
	<body>
		<div class="wrap">
			<!--头部-->
			<header class="top-header">
				<img class="starbucks-logo" src="img/logo.png" alt="星巴克咖啡" />
				<nav class="top-nav">
					<ul>
						<li class="selected">
							<a href="index.html" title="星巴克咖啡主页">主页</a>
						</li>
						<li>
							<a href="#" title="咖啡及文化">咖啡及文化</a>
						</li>
						<li>
							<a href="#" title="饮品及美食">饮品及美食</a>
						</li>
						<li>
							<a href="#" title="星享俱乐部">星享俱乐部</a>
						</li>
						<li>
							<a href="#" title="在线订阅">在线订阅</a>
						</li>
					</ul>
				</nav>
			</header>

			<!--侧边栏-->
			<aside class="left-aside">
				<section class="news">
					<header>
						<h3>开启您的星享之旅</h3>
					</header>
					<p>
						星享卡会员光顾星巴克时可累积星星， 兑换好礼！ 每累积消费50元可获赠一颗星星。 星星越多，好礼越多哦！
						<a href="#">点击这里</a>开启您的星享惊喜之旅！
					</p>
				</section>
				<section class="drinks">
					<header>
						<h3>星巴克饮品</h3>
					</header>

					<figure>
						<img src="img/caffe-1.jpg" alt="美式咖啡" />
						<figcaption>美式咖啡</figcaption>
					</figure>
					<figure class="figure-r">
						<img src="img/caffe-2.jpg" alt="卡布奇诺" />
						<figcaption>卡布奇诺</figcaption>
					</figure>
					<figure>
						<img src="img/caffe-3.jpg" alt="拿铁" />
						<figcaption>拿铁</figcaption>
					</figure>
					<figure class="figure-r">
						<img src="img/caffe-4.jpg" alt="摩卡" />
						<figcaption>摩卡</figcaption>
					</figure>
					<div class="clear">
						
					</div>
				</section>
			</aside>

			<!--主体-->
			<main>
				<article>
					<header>
						<h3>家庭咖啡作坊帮助孩子们上大学</h3>
						<time datetime="2016-12-02 15:34:12">2016年12月2日</time>
					</header>
					<p>
						坎得利亚•塔拉兹是哥斯达黎加的一所家庭合作社， 由哥斯达黎加最早成立的“微型作坊”发展而来， 其目的是为了控制其出产的咖啡豆品质。
					</p>
					<p>
						他们获得了成功并最终得到了星巴克的垂青， 这不仅改善了桑切斯一家的生活质量， 而且他们现在已经有能力为让子女上大学，接受更好的教育。
					</p>
					<p>
						该地出产的咖啡： <b>星巴克家常咖啡豆</b>，<b>浓缩烘培</b>，<b>优肯综合咖啡豆</b>
					</p>
					<footer>
						<span>阅读（234）</span><span>评论（34）</span>
					</footer>
				</article>

				<article>
					<header>
						<h3>部落与商业文化的有机融合有助社区发展</h3>
						<time datetime="2016-11-25">2016年11月25日</time>
					</header>
					<p>
						2002年，比尔贾纳接手了395英亩的奇甲巴庄园，这个原本已经被荒废的地方， 如今却已经成为国际知名的咖啡生产地，因其出产的咖啡品质优异， 继而成为了星巴克的供应商。
					</p>
					<p>
						在这个过程中，比尔积极投身于社区发展，同时也为原住民提供了工作机会。
					</p>
					<p>
						该地出产的咖啡：<b>浓缩烘焙</b>，<b>祥龙咖啡豆</b>
					</p>
					<footer>
						<span>阅读（234）</span><span>评论（34）</span>
					</footer>
				</article>
				<article class="last-article">
					<header>
						<h3>咖啡为这个新国家的种植户带来发展的希望</h3>
						<time datetime="2015-07-09">2015年7月9日</time>
					</header>
					<p>
						东帝汶，既是世界上最晚建立国家之一，亦是最贫穷的国家之一。 然而其出产独特咖啡为成千上万依靠单一经济作物生活的农户带来了新希望。 一个拥有17,000名成员的农户协作社正在和星巴克合作， 为咖啡种植者争取更高的产品收购价的同时也为其社区提供基本的医疗服务。
					</p>
					<p>
						该地出产的咖啡： <b>TimorLorosa'e</b> <small>（核心咖啡只在澳大利亚销售）</small>
					</p>
					<footer>
						<span>阅读（234）</span><span>评论（34）</span>
					</footer>
				</article>
			</main>

		</div>



		<!--尾部-->
		<footer class="page-footer">
			@2016 Starbucks Corportion. All resrved.
		</footer>

	</body>

</html>